<template>
  <div class="min-h-screen bg-gray-50">
    <Navbar></Navbar>
    <router-view></router-view>
    <footer class="bg-gray-800 text-white py-8 mt-12">
      <div class="container mx-auto px-4">
        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
          <div>
            <h3 class="text-xl font-bold mb-4">关于我们</h3>
            <p class="text-gray-400">为您提供最优质的鲜花服务</p>
          </div>
          <div>
            <h3 class="text-xl font-bold mb-4">联系方式</h3>
            <p class="text-gray-400">电话：400-123-4567</p>
            <p class="text-gray-400">邮箱：service@flower.com</p>
          </div>
          <div>
            <h3 class="text-xl font-bold mb-4">关注我们</h3>
            <div class="flex space-x-4">
              <el-icon>
                <Message/>
              </el-icon>
              <el-icon>
                <ChatDotRound/>
              </el-icon>
            </div>
          </div>
        </div>
      </div>
    </footer>
  </div>
</template>

<script setup>
import {ChatDotRound, Message} from '@element-plus/icons-vue'
import Navbar from "@/components/layout/Navbar.vue";
</script>
